<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>onerror功能测试</title>
</head>

<body>
    <img src="C:/Users/Muze/Pictures/预览图/01111.png" onerror="callback()" />
    <script>
        function callback() {
            console.warn("我被打印啦！")
            this.onerror = null
            //如果替补图片，也就是 placeholder.png 同时也丢失了，那么它会继续触发 onerror 事件。会出现死循环，最终爆栈，页面崩溃。
            //所以还需要把 onerror 这个事件清除。
        }
    </script>
</body>

</html>